<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">实时告警看板</li>
            </ul>
        </div>
    </div>
</div>

<div class="pull-convert-alert"></div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div style="padding: 0 10px 10px;">
            <div class="row">
                <div class="col-sm-2 col-md-2">
                    <div class="btn-group" data-toggle="buttons">
                        <label class="btn btn-default active" ng-click="toggleInteval('day')">
                            <input type="radio" value="week" ng-model="vm.p.interval" ng-checked="true"> 昨日
                        </label>
                        <label class="btn btn-default" ng-click="toggleInteval('week')">
                            <input type="radio" value="week" ng-model="vm.p.interval"> 近7天
                        </label>
                        <label class="btn btn-default" ng-click="toggleInteval('month')">
                            <input type="radio" value="month" ng-model="vm.p.interval"> 近30天
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <div>
                    <h3 class="sub-header" style="display:inline-block; font-weight: 700;font-size: 14px;padding: 20px 10px 5px 0;"> 主题告警统计
                    </h3>
                    <table id="list_table1" class="table table-condensed" data-toolbar="#toolbar" data-search="true"
                        data-show-toggle="true" data-show-columns="true" data-show-pagination-switch="true"
                        data-pagination="true" data-search-align="left" data-buttons-align="left"
                        data-toolbar-align="left" data-side-pagination="client">
                        <thead>
                            <tr>
                                <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号
                                </th>
                                <th data-field="id" data-sortable="true" data-formatter="topicOptFormat">操作</th>
                                <th data-field="topicName" data-sortable="true">主题名</th>
                                <th data-field="owner" data-sortable="true">负责人</th>
                                <th data-field="alarmCnt" data-sortable="true">告警次数</th>
                                <th data-field="ruleCnt" data-sortable="true">告警规则数</th>
                                <th data-field="vDate" data-sortable="true">报告时间</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div>
                    <h3 class="sub-header" style="display:inline-block; font-weight: 700;font-size: 14px;padding: 20px 10px 5px 0;"> 规则告警统计
                    </h3>
                    <table id="list_table2" class="table table-condensed" data-toolbar="#toolbar" data-search="true"
                        data-show-toggle="true" data-show-columns="true" data-show-pagination-switch="true"
                        data-pagination="true" data-search-align="left" data-buttons-align="left"
                        data-toolbar-align="left" data-side-pagination="client">
                        <thead>
                            <tr>
                                <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号
                                </th>
                                <th data-field="id" data-sortable="true" data-formatter="ruleOptFormat">操作</th>
                                <th data-field="ruleName" data-sortable="true" >告警规则名</th>
                                <th data-field="alarmType" data-sortable="true">告警类型</th>
                                <th data-field="alarmCnt" data-sortable="true">告警次数</th>
                                <th data-field="topicName" data-sortable="true">所属主题</th>
                                <th data-field="owner" data-sortable="true">负责人</th>
                                <th data-field="vDate" data-sortable="true">报告时间</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>